<template>
	<div>
		<view class="shoujikuai">
			<view class="shoujibox" v-for="(item,index) in phoneArr" :key="index" @click="tiao(item.id)">
				<view class="" style="height: 110px;">
					<!-- <image :src="item.img_url" mode=""></image> -->
				</view>
				<text style="color: red;">￥{{item.sell_price}}</text><text style="color: #808080; font-size: 12px; margin-left: 5px; text-decoration: line-through;">{{item.market_price}}</text>
				<view class="">{{item.title}}</view>
			</view>
			<view class="" v-if="kai">
				到底了，没数据了
			</view>
		</view>
	</div>
</template>

<script>
	export default {
		props:{
			phoneArr:{
				type:Array
			},
			kai:{
				type:Boolean
			}
		},
		methods:{
			tiao(id){
				uni.navigateTo({
					url:`./wanShiXiangXi?id=${id}`
				})
			}
		}
	}
</script>

<style scoped>
	.shoujibox{
		height: 200px;
		width: 177px;
		border: 5px solid #EDEDED;
	}
	.shoujikuai{
		display: flex;
		flex-wrap: wrap;
	}
</style>